Установка AVE.CMS 3.0RC2 1.4 прошла успешно! Вы выбрали установку системы с "демонстрационным контентом", где мы предлагаем вам частично-заполненный сайт, на примере которого Вы можете ознакомиться с основными приемами возможностями работы с системой управления сайтами AVECMS.
Представленный тут шаблон выполнен на основе свободно-распространяемого HTML-CSS-фреймворка - Bootstrap. Он позволяет использовать удобные заготовки для оформления часто-используемых блоков типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения.
Сетки — заранее заданные размеры колонок, которые можно сразу же использовать, например ширина колонки 140px относится к классу .span2, который мы можем использовать в CSS описании документа.
По-умолчанию в Bootstrap используется сетка фиксированной 940-пиксельной ширины с разбиением на 12 колонок.
Также данная сетка предлагает 4 адаптации под различные устройства: смартфон, портретно-ориентированный планшет, мелкий монитор или ландшафтно-ориентированный планшет, и широкоформатный экран.
<div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div>
В данном примере мы создаем шаблон в 2 колонки, которые в сумме составят ширину нашей 12-колоночной сетки.
В статичной (не резиновой) раскладке в Bootstrap мы легко можем использовать "вложенные" колонки. Для вложенности нам достаточно добавить обертку .row
для вложенных .span*
колонок.
<div class="row"> <div class="span12"> Колонка 1 <div class="row"> <div class="span6">Колонка 2</div> <div class="span6">Колонка 2</div> </div> </div> </div>
Шаблоны — Фиксированный или резиновый шаблон документа.
Типографика — Описания шрифтов, определение некоторых классов для шрифтов таких как код, цитаты и т. п.
Медиа — Представляет некоторое управление изображениями и Видео.
Таблицы — Средства оформления таблиц, вплоть до добавления функциональности сортировки.
Формы — Классы для оформления не только форм, но и некоторых событий происходящих с ними.
Навигация — Классы оформления для Табов, Вкладок, Страничности, Меню и Тулбара.
Алерты — Оформление диалоговых окон, Подсказок и Всплывающих окон.